$(function() {
	$("#gototop").click(function(){
		$("html,body").animate({scrollTop:0},500);
	});
	
	$(".details_fixed").css("left", ($(Window).width() - 1200) / 2 + 1220 + "px");
	$(window).resize(function() {
		$(".details_fixed").css("left", ($(Window).width() - 1200) / 2 + 1220 + "px");
		if($(".dynamic-title").offset().top<0){
			$(".details_fixed").hide();
		}else{
			$(".details_fixed").show();
		}
	});
	
	$(window).scroll(function(){
		if($(".dynamic-title").offset().top>$(window).scrollTop()){
			$(".details_fixed").hide();
		}else{
			$(".details_fixed").show();
		}
	})

	$(".thumb img").css('top', -($(".thumb img").height() - 199) / 2 + "px");

	$(".links dl dt").click(function() {

		if($(".links dl dd").is(":animated")) {
			return;
		}

		if($(this).hasClass("active")) {
			$(this).removeClass("active");
			$(".links dl dd").slideUp();
			$(this).find("i").css("transform", "rotate(90deg)");
		} else {
			$(this).addClass("active");
			$(".links dl dd").slideDown();
			$(this).find("i").css("transform", "rotate(0deg)");
		}
	});

	$("body").click(function(e) {
		if(e.target != $(".links dl dt")[0]) {

			if(e.target == $(".links dl dt i")[0]) {
				return;
			}

			$(".links dl dt").removeClass("active");
			$(".links dl dd").slideUp();
			$(".links dl dt").find("i").css("transform", "rotate(90deg)");
		}
		e.stopPropagation();
	});

	$(".nav div dl").hover(function() {
		$(this).addClass("active");
	}, function() {
		$(this).removeClass("active");
	});

   
})